import React, { ReactComponentElement, ReactNode } from "react";
interface ButtonProps{
    label:string;
    onClick:(e:React.MouseEvent<HTMLButtonElement>)=>void;
    disabled?:boolean;
    outline?:boolean;
    rounded?:boolean;
}
const Button : React.FC<ButtonProps> = ({
    label,
    onClick,
    disabled,
    outline,
    rounded
})=>{
    return (
        <>
           <button 
            onClick={onClick}
            disabled={disabled}
            className={`
                relative
                disabled:opacity-70
                disabled:cursor-not-allowed
                hover:opacity-80
                transition
                w-[100px]
                h-[35px]
                ${outline?'bg-white':'bg-rose-500'}
                ${outline?'border-black':'border-rose-500'}
                ${outline?'text-black':'text-white'}
                ${rounded?'rounded-full':'rounded-lg'}
            `}>
                {label}
           </button>
        </>
    )
}

export default Button